<style type="text/css">
    .yishoucang{color: #ffa300; float: right;}
</style>
<!--公开课-->
<div class="xueyuanduan_renwulist_top" ng-controller="publicClassController">
<!--子节点-->
<!-- ng-template 创建模版 id引用名称 暂无用-->
<script type="text/ng-template" id="knowledgenode.html">
    <a href="#">全部分类 <span class="caret"></span></a>/
    <ul>
        <!-- 全部分类 -->
        <li><a href="#">{{'AllCategories'|T}} </a></li>

        <li><a href="#">Photoshop </a></li>
        <li><a href="#">3Dmax </a></li>
        <li><a href="#">Illustrator </a></li>
        <li><a href="#">Flash </a></li>
        <li><a href="#">Maya </a></li>
        <div class="clear">
        </div>
    </ul>        
</script>
    <ol class="breadcrumb" style="padding: 17px 15px;" ng-if="false">
        <li>
            <a href="#" ng-bind="'AllCategories'|T">全部分类 <span class="caret"></span></a>/
            <ul>
                <!-- 全部分类 -->
                <li><a href="#">{{'AllCategories'|T}} </a></li>

                <li><a href="#">Photoshop </a></li>
                <li><a href="#">3Dmax </a></li>
                <li><a href="#">Illustrator </a></li>
                <li><a href="#">Flash </a></li>
                <li><a href="#">Maya </a></li>
                <div class="clear">
                </div>
            </ul>
        </li>
        <li id="listlistlist"><a href="#">某一分类 <span class="caret"></span></a>/
            <ul>
                <li><a href="#">Dreamweaver </a></li>
                <li><a href="#">Fireworks </a></li>
                <li><a href="#">某一分类的平行分类</a></li>
                <li><a href="#">某一分类的平行分类</a></li>
                <li><a href="#">某一分类的平行分类</a></li>
                <div class="clear">
                </div>
            </ul>
        </li>
        <li class="active">当前分类名称</li>
    </ol>
    <!-- 知识结构筛选 -->
    <ol class="breadcrumb" style="padding: 17px 15px;">
        <li>
            <a ng-click="openNode(null,0)" ng-bind="'AllCategories'|T" style="border: 1px solid #f5f5f5;"> </a>
        </li>
        <li ng-repeat="know in knowledgeList" ng-if="$index != 0" ng-class="{'active':knowledgeList.length == ($index+1)}" style=" cursor:pointer;">
            /<a ng-click="openNode(know.currentKnowledgeObj,know.index)" style="border: 1px solid #f5f5f5;">{{know.currentKnowledgeObj.knowledge_Name}} <span class="caret" ng-if="know.haschildren > 1"></span></a>
            <ul ng-if="know.haschildren > 1">                                
                <!-- 遍历 -->
                <li ng-repeat="item in  know.datas" title="{{item.knowledge_Name}}" style="cursor:pointer;width: 80px;overflow: hidden;line-height: 30px;height: 30px;text-overflow: ellipsis;"><a  ng-click="openNode(item,know.index)" ng-bind="item.knowledge_Name"> </a></li>               
                <div class="clear">
                </div>
            </ul>
        </li>   
        <li class="active" ng-if="false">当前分类名称</li>     
    </ol>
    <div class="member_main">
        <div class="gongkai_shaixuan">
            <!-- 课程 -->
            <div class="tool">
                {{'Course'|T}}: 
                <span ng-repeat="item in currentKnowledgeList.datas" ng-if="currentKnowledgeList.datas.length > 0" ng-bind="item.knowledge_Name" ng-click="openNode(item,currentKnowledgeList.index)">Ruby (2)</span>
                <span ng-if="currentKnowledgeList.datas.length <=0">当节点下没有课程分类</span>
            </div>


            <div class="tool">
                <!-- 排序 -->
                <div class="paixu">
                    <span  ng-repeat="item in paramsScreen" ng-class="{'active':item.flag}" ng-bind="item.name" ng-click="screenOrder(item)">综合排序</span>            
                </div>
                <!----名称搜索----->
                <div class="xueyuanduan_renwulist_title_sousuo" style="float: left;line-height: 30px;background-color: #f6f6f6;border-radius: 2px;">
                    <input type="text" class="ng-pristine ng-untouched ng-valid" placeholder="请输入课程名称或标签" ng-model="publicCourseParams.searchText" ng-keyup="findKeyEnter($event)" style="background-color: #f6f6f6;border: none;padding: 0 10px;"><svg class="icon" aria-hidden="true" ng-click="getPublicCourseList()" style="color: #666;padding: 0 10px;cursor: pointer;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sousuo"></use></svg>
                    </div>   
                <!-- 分类排序 -->
                <div class="shaixuan">
                    <span ng-class="{'active':item.flag}" ng-repeat="item in paramsScreenType" ng-click="screenType(item)"><i class="iconfont">&#xe66f;</i> {{item.name}}</span>                   
                </div>
            </div>
        </div>
       
        <div class="gongkai" style="min-height:500px;">
             <!--null-->
            <center ng-if="publicCourseList.length<=0 ">
                    <img src="/images/knownull.png" />
                    <div style="font-size:30px;color:#a3a3a3;" ng-bind="'Null' | T"></div>
            </center>
            <!--loading-->
            <loading isloading="CommonLoading" ng-if="CommonLoading"></loading>  
            <!-- 课程列表 -->
            <ul class="xueyuanduan_renwulist_list-group" ng-if="publicCourseList.length > 0">
                <li ng-repeat="item in publicCourseList">
                <!--ng-href="{{fileurl + '/resources/template/' +item.course_Id + '.html?token=' +token}}" target="_blank" -->
                    <a ng-click="openKe(item)" target="_blank" style="text-decoration: none;color: #000;">
                    <!-- 课程封面 -->
                    <div style="height:117px; overflow:hidden;">
                        <img src="/images/train/filenull.png" ng-src="{{item.course_img}}" onerror="javascript:this.src='/images/train/filenull.png'" style="height:117px; cursor:pointer;"/>
                    </div>
                    
                    <!--直播类型-->
                            <div ng-if="item.coming" style="
                            position: absolute;
                            background-color: rgba(0,0,0,0.6);
                            top: 90px;
                            height: 30px;
                            line-height: 30px;
                            color: #fff;
                            width: 100%;
                        "><span style="
                            background-color: #39f;
                            display: inline-block;
                            padding: 0 10px;
                            margin-right: 5px;
                        ">{{item.xjObj.CSTYPE==6?'直播':(item.xjObj.CSTYPE==4?'线下':'')}}</span>{{item.xjObj.CSSTIME}}
                        </div>
                    <!-- 课程标题 -->
                    <span class="home_left_ke_title" ng-bind="item.course_Name" style="cursor:pointer;">课程标题</span>      </a>               
                    <span class="home_left_ke_miaoshu">
                        <i class="iconfont">&#xe6ce;</i>包含{{item.sectionSum}}节课 | <i class="iconfont">&#xe91b;</i>
                        {{item.lecturer}}</span> 
                    <span class="home_left_ke_miaoshu"><span style="float: left;">
                            <i class="iconfont">&#xe6a4;</i>{{item.viewCount}}人学习过</span> 
                    <span class="shoucang" ng-click="collectionCourse(item)" ng-class="{'shoucang':!item.collections,'yishoucang':item.collections }"><i class="iconfont" ng-if="!item.collections">&#xe748;</i><i class="iconfont" ng-if="item.collections">&#xe72f;</i> {{item.collections?'已收藏':'收藏'}}（{{item.collectionCount}}）</span></span>                    
                </li>
            </ul>
        </div>        
    </div>
    <tm-pagination conf="paginationConf"></tm-pagination>
</div>
